

<ol class="breadcrumb newcrumb">
    <li>
        <a href="#">
            <span><i class="fa fontello-home-outline"></i>
            </span>Home</a>
    </li>
    <li class="active">Editors</li>
</ol>

<div class='row'>
    <div class='col-md-12'>
        <div class='box box-info'>
            <div class='box-header'>
                <h3 class='box-title'>CK Editor
                    <small>Advanced and full of features</small>
                </h3>
                <!-- tools box -->

                <!-- /. tools -->
            </div>
            <!-- /.box-header -->
            <div class='box-body pad'>
                <form>
                    <textarea id="editor1" name="editor1" rows="10" cols="80">
                        This is my textarea to be replaced with CKEditor.
                    </textarea>
                </form>
            </div>
        </div>
        <!-- /.box -->

        <div class='box'>
            <div class='box-header'>
                <h3 class='box-title'>Bootstrap WYSIHTML5
                    <small>Simple and fast</small>
                </h3>
                <!-- tools box -->

                <!-- /. tools -->
            </div>
            <!-- /.box-header -->
            <div class='box-body pad'>
                <form>
                    <textarea class="textarea" placeholder="Place some text here" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
                </form>
            </div>
        </div>
    </div>
    <!-- /.col-->
</div>
<!-- ./row -->


<script>
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace('editor1');
//bootstrap WYSIHTML5 - text editor
$(".textarea").wysihtml5();
</script>